<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.prime.com.tr/ui"
	template="template.xhtml">
	
	<ui:define name="header">
		<style type="text/css">
			.yui-dt {
				margin-top:10px;
			}
			
			.yui-dt table {
				width:100%;
			}
			
			.yui-ac {
				width:200px;
				padding-bottom:1em; 
			}
			
			.label {
				width:20%;
				padding:4px;
			}

			.value {
				width:80%;
				padding:4px;
			}
			
			.grid {
				width:100%;
			}
		</style>
	</ui:define>

	<ui:define name="content">
	
		<h:form >
			<p:tree value="#{fileTree.root}" var="node"     dynamic="true"  
    cache="false"      nodeExpandListener="#{fileTree.onNodeExpand}"    nodeCollapseListener="#{fileTree.onNodeCollapse}">
     <p:treeNode>  
        <h:outputText value="#{node}"/>  
    		</p:treeNode> 
			</p:tree>
		</h:form>
		
	
	</ui:define>

</ui:composition>